﻿@{
	ViewBag.Title = "Index";
	Layout = "~/Views/Shared/_layoutGeneral.cshtml";
}


<h3><center><b>FICHA DE INFORMACIÓN GENERAL PARA LA GESTIÓN DE LOS SERVICIOS DE AGUA POTALE Y SANEAMIENTO</b></center></h3>

	
  <script src="@Url.Content("~/Scripts/jquery-1.8.2.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

	

	<link rel="stylesheet" href="/resources/demos/style.css" />
   
	<script>
		$(function () {

			var urlSAP = '@Url.Action("Index", "SAP")';
			$("#tabs").tabs({
				beforeLoad: function (event, ui) {
					ui.jqXHR.error(function () {
						ui.panel.html(
						"No se ha podido cargar el tab =( " +
						"Revisar bien los modelos de lass partialViews.");
					});
				}
			});

			$("#it1").live('change', function () {

				//alert('Cambiaste el combo = ' + $("#it1").val());
				var puntaje = $('#it1').val();
				$('#txt1').val(puntaje);
				var pp = parseInt(document.getElementById("txt1").value) +parseInt(document.getElementById("txt2").value) + parseInt(document.getElementById("txt3").value) + parseInt(document.getElementById("txt4").value) + parseInt(document.getElementById("txt5").value) + parseInt(document.getElementById("txt6").value);
				//alert(pp);
				$('#Cal1').val(pp)
			});

			$("#it1").live('change', function () { var puntaje = $('#it1').val(); $('#txt1').val(puntaje); $('#Cal1').val( parseInt(document.getElementById("txt1").value) +parseInt(document.getElementById("txt2").value) + parseInt(document.getElementById("txt3").value) + parseInt(document.getElementById("txt4").value) + parseInt(document.getElementById("txt5").value) + parseInt(document.getElementById("txt6").value) ) });
			$("#it2").live('change', function () { var puntaje = $('#it2').val(); $('#txt2').val(puntaje); $('#Cal1').val( parseInt(document.getElementById("txt1").value) +parseInt(document.getElementById("txt2").value) + parseInt(document.getElementById("txt3").value) + parseInt(document.getElementById("txt4").value) + parseInt(document.getElementById("txt5").value) + parseInt(document.getElementById("txt6").value) ) });
			$("#it3").live('change', function () { var puntaje = $('#it3').val(); $('#txt3').val(puntaje); $('#Cal1').val( parseInt(document.getElementById("txt1").value) +parseInt(document.getElementById("txt2").value) + parseInt(document.getElementById("txt3").value) + parseInt(document.getElementById("txt4").value) + parseInt(document.getElementById("txt5").value) + parseInt(document.getElementById("txt6").value) ) });
			$("#it4").live('change', function () { var puntaje = $('#it4').val(); $('#txt4').val(puntaje); $('#Cal1').val( parseInt(document.getElementById("txt1").value) +parseInt(document.getElementById("txt2").value) + parseInt(document.getElementById("txt3").value) + parseInt(document.getElementById("txt4").value) + parseInt(document.getElementById("txt5").value) + parseInt(document.getElementById("txt6").value) ) });
			$("#it5").live('change', function () { var puntaje = $('#it5').val(); $('#txt5').val(puntaje); $('#Cal1').val( parseInt(document.getElementById("txt1").value) +parseInt(document.getElementById("txt2").value) + parseInt(document.getElementById("txt3").value) + parseInt(document.getElementById("txt4").value) + parseInt(document.getElementById("txt5").value) + parseInt(document.getElementById("txt6").value) ) });
			$("#it6").live('change', function () { var puntaje = $('#it6').val(); $('#txt6').val(puntaje); $('#Cal1').val( parseInt(document.getElementById("txt1").value) +parseInt(document.getElementById("txt2").value) + parseInt(document.getElementById("txt3").value) + parseInt(document.getElementById("txt4").value) + parseInt(document.getElementById("txt5").value) + parseInt(document.getElementById("txt6").value) ) });
			$("#it7").live('change', function () { var puntaje = $('#it7').val(); $('#txt7').val(puntaje); $('#Cal2').val( parseInt(document.getElementById("txt7").value) +parseInt(document.getElementById("txt8").value) + parseInt(document.getElementById("txt9").value) + parseInt(document.getElementById("txt10").value) + parseInt(document.getElementById("txt11").value) ) });
			$("#it8").live('change', function () { var puntaje = $('#it8').val(); $('#txt8').val(puntaje); $('#Cal2').val( parseInt(document.getElementById("txt7").value) +parseInt(document.getElementById("txt8").value) + parseInt(document.getElementById("txt9").value) + parseInt(document.getElementById("txt10").value) + parseInt(document.getElementById("txt11").value) ) });
			$("#it9").live('change', function () { var puntaje = $('#it9').val(); $('#txt9').val(puntaje); $('#Cal2').val( parseInt(document.getElementById("txt7").value) +parseInt(document.getElementById("txt8").value) + parseInt(document.getElementById("txt9").value) + parseInt(document.getElementById("txt10").value) + parseInt(document.getElementById("txt11").value) ) });
			$("#it10").live('change', function () { var puntaje = $('#it10').val(); $('#txt10').val(puntaje); $('#Cal2').val( parseInt(document.getElementById("txt7").value) +parseInt(document.getElementById("txt8").value) + parseInt(document.getElementById("txt9").value) + parseInt(document.getElementById("txt10").value) + parseInt(document.getElementById("txt11").value) ) });
			$("#it11").live('change', function () { var puntaje = $('#it11').val(); $('#txt11').val(puntaje); $('#Cal2').val( parseInt(document.getElementById("txt7").value) +parseInt(document.getElementById("txt8").value) + parseInt(document.getElementById("txt9").value) + parseInt(document.getElementById("txt10").value) + parseInt(document.getElementById("txt11").value) ) });
			$("#it12").live('change', function () { var puntaje = $('#it12').val(); $('#txt12').val(puntaje); $('#Cal3').val( parseInt(document.getElementById("txt12").value) +parseInt(document.getElementById("txt13").value) + parseInt(document.getElementById("txt14").value) )});
			$("#it13").live('change', function () { var puntaje = $('#it13').val(); $('#txt13').val(puntaje); $('#Cal3').val( parseInt(document.getElementById("txt12").value) +parseInt(document.getElementById("txt13").value) + parseInt(document.getElementById("txt14").value) )});
			$("#it14").live('change', function () { var puntaje = $('#it14').val(); $('#txt14').val(puntaje); $('#Cal3').val( parseInt(document.getElementById("txt12").value) +parseInt(document.getElementById("txt13").value) + parseInt(document.getElementById("txt14").value) )});
			$("#it15").live('change', function () { var puntaje = $('#it15').val(); $('#txt15').val(puntaje); $('#Cal4').val( parseInt(document.getElementById("txt15").value) +parseInt(document.getElementById("txt16").value) + parseInt(document.getElementById("txt17").value) )});
			$("#it16").live('change', function () { var puntaje = $('#it16').val(); $('#txt16').val(puntaje); $('#Cal4').val( parseInt(document.getElementById("txt15").value) +parseInt(document.getElementById("txt16").value) + parseInt(document.getElementById("txt17").value) )});
			$("#it17").live('change', function () { var puntaje = $('#it17').val(); $('#txt17').val(puntaje); $('#Cal4').val( parseInt(document.getElementById("txt15").value) +parseInt(document.getElementById("txt16").value) + parseInt(document.getElementById("txt17").value) )});
			$("#it18").live('change', function () { var puntaje = $('#it18').val(); $('#txt18').val(puntaje); $('#Cal5').val( parseInt(document.getElementById("txt18").value) +parseInt(document.getElementById("txt19").value) + parseInt(document.getElementById("txt20").value) )});
			$("#it19").live('change', function () { var puntaje = $('#it19').val(); $('#txt19').val(puntaje); $('#Cal5').val( parseInt(document.getElementById("txt18").value) +parseInt(document.getElementById("txt19").value) + parseInt(document.getElementById("txt20").value) )});
			$("#it20").live('change', function () { var puntaje = $('#it20').val(); $('#txt20').val(puntaje); $('#Cal5').val( parseInt(document.getElementById("txt18").value) +parseInt(document.getElementById("txt19").value) + parseInt(document.getElementById("txt20").value) )});
			$("#it21").live('change', function () { var puntaje = $('#it21').val(); $('#txt21').val(puntaje); $('#Cal6').val( parseInt(document.getElementById("txt21").value) +parseInt(document.getElementById("txt22").value) )});
			$("#it22").live('change', function () { var puntaje = $('#it22').val(); $('#txt22').val(puntaje); $('#Cal6').val( parseInt(document.getElementById("txt21").value) +parseInt(document.getElementById("txt22").value) )});


			$("#resultados").live("click", function (e) {
				e.preventDefault();
				alert('Clik de resultados');

				var totalpuntaje = parseInt(document.getElementById("Cal1").value) + parseInt(document.getElementById("Cal2").value) + parseInt(document.getElementById("Cal3").value) + parseInt(document.getElementById("Cal4").value) + parseInt(document.getElementById("Cal5").value) + parseInt(document.getElementById("Cal6").value);
				$('#pt').val(totalpuntaje);
				
				if (totalpuntaje > 120) {
					$('#it').val('Gestion que garantiza la Sostenibilidad de los Servicios');
					$('#r').val('Riesgo Bajo');
				} else if (totalpuntaje > 60 && totalpuntaje < 121) {
					$('#it').val('Gestion con riesgo para la Sostenibilidad de los Servicios');
					$('#r').val('Riesgo Medio');
				} else if (totalpuntaje >= 0 && totalpuntaje < 61) {
					$('#it').val('Gestion con alto riesgo para la Sostenibilidad de los Servicios');
					$('#r').val('Riesgo Alto');
				}

			});
			

		});

	</script>

 
<div id="tabs">
	<ul>
		<li><a href="#Seleccion">Seleccion</a></li>
		<li><a href="@Url.Action("Index", "SAP")" id="urlSAP">SAP</a></li>
		<li><a href="@Url.Action("Index", "JASS")" id="urlJASS">JASS</a></li>
		@*<li><a href="#Organizacion">Organización y Gestión</a></li>*@
		@*<li><a href="@Url.Action("Index", "Ficha")">Fichas de Evaluacion</a></li>*@
		<!-- <li><a href="ajax/content1.html">Tab 1</a></li> 
		<li><a href="ajax/content2.html">Tab 2</a></li>
		<li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li>
		<li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li> --> 
	</ul>
	<div id="Seleccion">
		
		@Html.Partial("_BusquedaSector")
	</div>
	
	<div id="RegistrarSap">
  
	</div>

	<div id="JASS">
	
	</div>

	@*<div id="Organizacion">
		<p> Aqui info de los distritos</p>
	</div>*@
	 <!--###########################################################################-->
	@*<div id="Fichas">
		<!--###########################################################################-->
	</div>*@
	 <!--###########################################################################-->
</div>

<a href="@Url.Action("Menu", "Home")">
			   <img src="@Url.Content("~/Content/Imagenes/volver.jpg")" title="Volver al Menu" alt="Volver al Menu" />
			</a>
 
